<!-- 我的弹窗 -->

<template>
  <WebModal small>
    <WebForm>
      <FormInput label="分组名称" bind="name" :max="6" required />

      <FormNum label="排序" bind="sort" :min="1" :max="999" initMin noTip half />

      <div v-if="!CORE.MAP.MENU_GROUP_NO_ICON">
        <FormPhoto
          v-if="CORE.THEME.home === 'none'"
          label="图标"
          bind="icon"
          folder="icon"
          isPublic
          text="SVG 图标"
          tip="请上传 SVG 图标"
          svg
          square
          required
        />
        <FormPhoto v-else label="图片" bind="icon" folder="icon" isPublic square required />
      </div>

      <FormTextarea label="备注" bind="remark" :max="20" />
    </WebForm>
  </WebModal>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'

// ============================== 导出组件 ============================== //

export default {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyModal',

  /**
   * 混入列表 (配置选项合并)
   */
  mixins: [CORE.mixWeb()],

  /**
   * 组件导入 (Abc.vue + Abc/index.vue)
   */
  ...CORE.components(require.context('./', true, /vue$/)),
}
</script>
